<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="image-container">
    <img  src="Vector%202.png" style="left: 25px;
top: 250px;position:relative;opacity: 1;">

<img src="l1.png" class="g1">
<img src="l2.png" class="f1">
    <img src="l3.png" class="f2">
    <img src="l4.png" class="f3">
    <img src="h5.png" class="g3">
    <img src="h6.png" class="g4">
    <img src="h7.png" class="g5">


    <img src="h11.png" class="g9">
    <img src="h12.png" class="g10">
    <img src="h13.png" class="g11">
    <img src="l5.png" class="g12">

    <img src="000000.png" class="ppp1">
    <div class="k1">Your Order has been accepted</div>
<div class="k2">Your items has been placcd and is
    on it’s way to being processed
</div>

    <img src="hhh.png" class="k3">
    <div class="k4">
        Track Order
    </div>
<a href="http://localhost:63342/untitled5/%E9%A6%96%E9%A1%B5.html?_ijt=ubkhhkq85ga5gs09t5il316jqk&_ij_reload=RELOAD_ON_SAVE">
    <div class="k5">
        Back to home
    </div>
</a>
</div>
</body>
<style>
    .k5{
        left: 100px;
        top: 750px;
        width: 200px;
        height: 18px;
        opacity: 1;
        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgb(43, 43, 44);
        text-align: center;
        vertical-align: top;

        position: absolute;
    }
    .k4{
        left: 150px;
        top: 670px;
        width: 99px;
        height: 18px;
        opacity: 1;
        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(255, 249, 255, 1);
        text-align: center;
        vertical-align: top;
position: absolute;
    }
    .k3{
        left: 30px;
        top: 650px;
        width: 353px;
        height: 67px;
        opacity: 1;
        border-radius: 19px;
        background: rgba(83, 177, 117, 1);
position: absolute;
    }
    .k2{
        left: 63.48px;
        top: 569.85px;
        width: 286.93px;
        height: 43.78px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 21px;
        color: rgba(124, 124, 124, 1);
        text-align: center;
        vertical-align: middle;
position: absolute;
    }
    .k1{
        left: 74.5px;
        top: 458.67px;
        width: 265px;
        height: 68px;
        opacity: 1;
        /** 文本1 */
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 38.42px;
        color: rgba(24, 23, 37, 1);
        text-align: center;
        vertical-align: top;
position: absolute;
    }

.ppp1{
    left: 130px;
    top: 185px;
    width: 158.15px;
    height: 158.15px;
    opacity: 1;
    background: rgba(83, 177, 117, 1);
position: absolute;
    border: 0;
}

    .g4{
        left: 218.7px;
        top: 371.7px;
        width: 8.07px;
        height: 8.07px;
        opacity: 1;
        transform: rotate(180deg);
        background: rgba(83, 177, 117, 1);
position: absolute;
        border-radius: 50%;
    }
    .g5{
        left: 274.99px;
        top: 347.6px;
        width: 19.87px;
        height: 25.59px;

position: absolute;
    }

    .g9{
        left: 208.75px;
        top: 169.62px;
        width: 8.77px;
        height: 8.77px;
        opacity: 1;
        background: rgba(243, 96, 63, 1);
position: absolute;
        border-radius: 50%;
    }
    .g10{
        left: 302.31px;
        top: 256.82px;
        width: 15.16px;
        height: 15.16px;

position: absolute;
    }
    .g11{
        left: 125.72px;
        top: 351.06px;
        width: 16.89px;
        height: 16.89px;

position: absolute;
    }
    .g12{
        left: 108.84px;
        top: 230.7px;
        width: 15.36px;
        height: 15.36px;
position: absolute;
    }

    .g3{

    }
    .f3{
        left: 230.65px;
        top: 376.84px;
        width: 15.16px;
        height: 15.16px;
        opacity: 1;
        background: rgba(99, 123, 254, 1);
        border-radius: 50%;
position: absolute;
    }
    .f2{
        left: 286.02px;
        top: 162.64px;
        width: 41.52px;
        height: 39.34px;

position: absolute;
    }
    .g1{
        left: 181.27px;
        top: 151.7px;
        width: 16.6px;
        height: 16.6px;
        opacity: 1;
        background: rgba(83, 177, 117, 1);
       border-radius: 50%;
position: absolute;
    }
.f1{
    left: 58.46px;
    top: 293.92px;
    width: 66.65px;
    height: 35.05px;


position: absolute;

}

    .image-container {
        position: relative;
        width: 414px;
        height: 896px;
        background-image: url('Mask Group.png');
        background-size: cover;
    }

</style>
</html>
